<route lang="yaml">
meta:
  layout: layout_resume
</route>

<script setup lang="ts">
import {onMounted, reactive, ref, watch} from "vue";

import DateInput from "@/components/DateInput.vue";

interface Education {
  school: string,
  startTime: string,
  endTime: string,
  degree: string,
  professional: string
}

let educations = ref<Education[]>([])
const degreeList = ['高中及以下', '本科', '硕士', '博士']

interface Work {
  company: string,
  startTime: string,
  endTime: string,
  occupation: string,
  description: string
}

let works = ref<Work[]>([])

interface Project {
  name: string,
  startTime: string,
  endTime: string,
  role: string,
  description: string
}

let projects = ref<Project[]>([])

interface Language {
  name: string,
  otherName: string,
  proficiency: string
}

let languages = ref<Language[]>([])
const languageList = ['英语', '法语', '德语', '日语', '普通话', '韩语', '意大利语', '其他']
const proficiencyList = ['入门', '日常会话', '商务会话', '无障碍沟通', '母语']


interface Opus {
  link: string,
  file: File[],
  fileUrl: string,
  fileName: string,
  description: string
}

let opusList = ref<Opus[]>([])


interface Winning {
  name: string,
  time: string,
  description: string
}

let winningList = ref<Winning[]>([])


let baseInfo = reactive({
  name: '',
  birthday: '',
  gender: null,
  phoneNumber: '',
  mail: '',
  city: '',
  education: ''
})

const selfEvaluation = ref('')

const resumeFile = ref<File[]>()

const bottomElev = ref(5)
onMounted(() => {
  /**
   * 控制底部按钮组的海拔
   */
  window.addEventListener('scroll', () => {
    const scrollY = window.scrollY
    const offsetHeight = document.body.offsetHeight;
    const clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
    if (scrollY + clientHeight >= offsetHeight) {
      bottomElev.value = 0
    } else {
      bottomElev.value = 5
    }
  })
})

let allContent: any = '';

function tijiao(event){
  event.preventDefault();

// 整合基本信息
  allContent += `${baseInfo.name}, ${baseInfo.birthday}, ${baseInfo.gender}, ${baseInfo.phoneNumber}, ${baseInfo.mail}, ${baseInfo.city}, ${baseInfo.education}, `;

// 整合教育经历
  if (educations.value.length > 0) {
    const education = educations.value[0];
    allContent += `${education.school}, ${education.degree}, `;
  }

// 整合工作经历
  if (works.value.length > 0) {
    const work = works.value[0];
    allContent += `${work.company}, ${work.occupation}, `;
  }

// 整合项目经历
  if (projects.value.length > 0) {
    const project = projects.value[0];
    allContent += `${project.name}, ${project.role}, `;
  }

// 整合语言能力
  if (languages.value.length > 0) {
    const language = languages.value[0];
    allContent += `${language.name}, ${language.proficiency}, `;
  }

// 整合作品
  if (opusList.value.length > 0) {
    const opus = opusList.value[0];
    allContent += `${opus.link}, ${opus.description}, `;
  }

// 整合获奖
  if (winningList.value.length > 0) {
    const winning = winningList.value[0];
    allContent += `${winning.name}, ${winning.time}, `;
  }

// 整合自我评价
  allContent += `${selfEvaluation.value}, `;


// 输出整合后的字符串
console.log(allContent);

  const userEmail = localStorage.getItem('userEmail'); // 获取登录用户邮箱
  // 创建 FormData 对象，用于包含表单数据
  const formData = new FormData();
  formData.append('user_email', userEmail); // 将用户邮箱添加到 FormData 中
  formData.append('scanf', allContent); // 将姓名添加到 FormData 中
  fetch('http://127.0.0.1:8000/upload_scanf', {
    method: 'POST', // 指定请求方法为 POST
    body: formData, // 将 FormData 对象作为请求体
  })
      .then(response => response.text()) // 处理响应为文本格式
      .then(data => {
        alert(data); // 显示后端返回的消息
      })
      .catch(error => {
        console.error('Error:', error); // 捕获并显示错误信息
      });
}

// 处理上传文件的函数
function uploadFile() {
  const fileInput = document.getElementById('fileInput') as HTMLInputElement; // 获取文件上传 input 元素
  const userEmail = localStorage.getItem('userEmail'); // 获取登录用户邮箱
  const name = baseInfo.name; // 获取姓名
  const education = baseInfo.education; // 获取学历

  // 创建 FormData 对象，用于包含表单数据
  const formData = new FormData();
  formData.append('file', fileInput.files[0]); // 将上传的文件添加到 FormData 中
  formData.append('user_email', userEmail); // 将用户邮箱添加到 FormData 中
  formData.append('name', name); // 将姓名添加到 FormData 中
  formData.append('education_by_insert', education); // 将学历添加到 FormData 中

  fetch('http://127.0.0.1:8000/upload', {
    method: 'POST', // 指定请求方法为 POST
    body: formData, // 将 FormData 对象作为请求体
  })
      .then(response => response.text()) // 处理响应为文本格式
      .then(data => {
        alert(data); // 显示后端返回的消息
      })
      .catch(error => {
        console.error('Error:', error); // 捕获并显示错误信息
      });
}

</script>

<template>
  <v-main class=" w-50 mx-auto mt-15">
    <h2>编辑简历</h2>
    <v-form>
      <div id="简历解析">
        <v-row class="mt-10">
          <v-col>
            <h3>简历解析</h3>
          </v-col>
        </v-row>
        <v-row>
          <v-col>
            <v-file-input class="mt-5" label="点击上传简历" append-inner-icon="$vuetify" chips show-size
                          variant="outlined" id="fileInput" accept=".pdf,.jpg,.jpeg,.png,.doc,.docx,.bmp,.tif,.tiff,.gif">
            </v-file-input>
          </v-col>
        </v-row>
      </div>

      <!--   基本信息   -->
      <div id="base_info">
        <v-row>
          <v-col>
            <h3>基本信息</h3>
          </v-col>
        </v-row>
        <v-row align="center">
          <v-col>
            <v-text-field
              clearable
              prepend-icon="mdi-asterisk"
              v-model="baseInfo.name"
              label="姓名"
              variant="outlined"
            ></v-text-field>
          </v-col>
        </v-row>

        <v-row align="center">
          <v-col>
            <v-select
                clearable
                label="学历"
                prepend-icon="mdi-asterisk"
                v-model="baseInfo.education"
                :items="['大专','本科','硕士','博士']"
                variant="outlined"
            ></v-select>
          </v-col>
        </v-row>

<!--        class="ml-10是用来补全第一列的，使其能够对齐"-->
        <v-row align="center">
          <v-col>
            <v-select
              clearable
              class="ml-10"
              label="性别"
              v-model="baseInfo.gender"
              :items="['男','女']"
              variant="outlined"
            ></v-select>
          </v-col>
        </v-row>

        <v-row align="center">
          <v-col>
            <v-text-field
              class="ml-10"
              variant="outlined"
              v-model="baseInfo.city"
              clearable
              label="所在城市"
            ></v-text-field>
          </v-col>
        </v-row>
      </div>


      <!--  教育经历   -->
      <div id="educations">
        <v-row>
          <v-col>
            <h3>教育经历</h3>
          </v-col>
        </v-row>

        <v-container class="bg-grey-lighten-3 w-75 mt-5 " v-for="(education,index) in educations" :key="index">
          <v-row>
            <v-col>
              <v-chip color="primary">
                {{ index + 1 }}
              </v-chip>
            </v-col>
            <v-col cols="1">
              <v-btn icon="mdi-delete" size="" @click="() => educations.splice(index, 1)"></v-btn>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-text-field
                v-model="education.school"
                variant="outlined"
                clearable
                prepend-icon="mdi-asterisk"
                label="学校名称"
              ></v-text-field>
            </v-col>
          </v-row>
          <v-row>
            <v-col>
              <DateInput :get-date="(val:string) => education.startTime = val" label="入学时间"></DateInput>
            </v-col>
            <v-col cols="1" class="text-center mt-5">至</v-col>
            <v-col>
              <DateInput :get-date="(val:string) => education.endTime = val" :requiredIcon="false"
                         label="毕业时间"></DateInput>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-select
                clearable
                label="学历"
                prepend-icon="mdi-asterisk"
                v-model="education.degree"
                :items="degreeList"
                variant="outlined"
              ></v-select>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-text-field
                variant="outlined"
                clearable
                v-model="education.professional"
                prepend-icon="mdi-asterisk"
                label="专业名称"
              ></v-text-field>
            </v-col>
          </v-row>
        </v-container>


        <v-row class="text-center mt-5">
          <v-col>
            <v-btn block="" variant="tonal" prepend-icon="mdi-plus"
                   @click="() => educations.push({school: '', startTime: '', endTime: '', degree: null, professional: ''})">
              添加教育经历
            </v-btn>
          </v-col>
        </v-row>
      </div>

      <!--  工作经历   -->
      <div id="work_experience" class="mt-5">
        <v-row>
          <v-col>
            <h3>工作经历</h3>
          </v-col>
        </v-row>

        <v-container class="bg-grey-lighten-3 w-75 mt-5 " v-for="(work,index) in works" :key="index">
          <v-row>
            <v-col>
              <v-chip color="primary">
                {{ index + 1 }}
              </v-chip>
            </v-col>
            <v-col cols="1">
              <v-btn icon="mdi-delete" size="" @click="() => works.splice(index,1)"></v-btn>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-text-field
                v-model="work.company"
                variant="outlined"
                clearable
                prepend-icon="mdi-asterisk"
                label="公司名称"
              ></v-text-field>
            </v-col>
          </v-row>
          <v-row>
            <v-col>
              <DateInput :get-date="(val:string) => work.startTime = val" label="入职时间"></DateInput>
            </v-col>
            <v-col cols="1" class="text-center mt-5">至</v-col>
            <v-col>
              <DateInput :get-date="(val:string) => work.endTime = val" :requiredIcon="false"
                         label="离职时间"></DateInput>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-text-field
                v-model="work.occupation"
                variant="outlined"
                clearable
                prepend-icon="mdi-asterisk"
                label="职位名称"
              ></v-text-field>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-textarea
                v-model="work.description"
                variant="outlined"
                clearable
                auto-grow
                counter
                prepend-icon="mdi-asterisk"
                label="工作描述"
              ></v-textarea>
            </v-col>
          </v-row>
        </v-container>

        <v-row class="text-center mt-5">
          <v-col>
            <v-btn block="" variant="tonal" prepend-icon="mdi-plus" @click="() => works.push({
            company:'',
            startTime:'',
            endTime:'',
            occupation:'',
            description:''
            })">添加工作经历
            </v-btn>
          </v-col>
        </v-row>
      </div>


      <!--  项目经历   -->
      <div id="work_experience" class="mt-5">
        <v-row>
          <v-col>
            <h3>项目经历</h3>
          </v-col>
        </v-row>

        <v-container class="bg-grey-lighten-3 w-75 mt-5 " v-for="(project,index) in projects" :key="index">
          <v-row>
            <v-col>
              <v-chip color="primary">
                {{ index + 1 }}
              </v-chip>
            </v-col>
            <v-col cols="1">
              <v-btn icon="mdi-delete" size="" @click="() => projects.splice(index,1)"></v-btn>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-text-field
                v-model="project.name"
                variant="outlined"
                clearable
                prepend-icon="mdi-asterisk"
                label="项目名称"
              ></v-text-field>
            </v-col>
          </v-row>
          <v-row>
            <v-col>
              <DateInput :get-date="(val:string) => project.startTime = val" label="开始时间"></DateInput>
            </v-col>
            <v-col cols="1" class="text-center mt-5">至</v-col>
            <v-col>
              <DateInput :get-date="(val:string) => project.endTime = val" :requiredIcon="false"
                         label="结束时间"></DateInput>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-text-field
                v-model="project.role"
                variant="outlined"
                clearable
                prepend-icon="mdi-asterisk"
                label="项目角色"
              ></v-text-field>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-textarea
                v-model="project.description"
                variant="outlined"
                clearable
                auto-grow
                counter
                prepend-icon="mdi-asterisk"
                label="项目描述"
              ></v-textarea>
            </v-col>
          </v-row>
        </v-container>

        <v-row class="text-center mt-5">
          <v-col>
            <v-btn block="" variant="tonal" prepend-icon="mdi-plus" @click="() => projects.push({
            name:'',
            startTime:'',
            endTime:'',
            role:'',
            description:''
            })">添加项目经历
            </v-btn>
          </v-col>
        </v-row>
      </div>

      <!--  语言能力    -->
      <div id="language_skills" class="mt-5">
        <v-row>
          <v-col>
            <h3>语言能力</h3>
          </v-col>
        </v-row>
        <v-container class="bg-grey-lighten-3 w-75 mt-5 " v-for="(language,index) in languages" :key="index">
          <v-row>
            <v-col>
              <v-chip color="primary">
                {{ index + 1 }}
              </v-chip>
            </v-col>
            <v-col cols="1">
              <v-btn icon="mdi-delete" size="" @click="() => languages.splice(index,1)"></v-btn>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-select
                v-model="language.name"
                clearable
                label="语言类型"
                prepend-icon="mdi-asterisk"
                :items="languageList"
                variant="outlined"
              ></v-select>
            </v-col>
          </v-row>
          <v-row class="text-center" v-if="language.name === '其他'">
            <v-col>
              <v-text-field
                v-model="language.otherName"
                variant="outlined"
                clearable
                prepend-icon="mdi-asterisk"
                label="语言名称"
              ></v-text-field>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-select
                v-model="language.proficiency"
                clearable
                label="掌握程度"
                prepend-icon="mdi-asterisk"
                :items="proficiencyList"
                variant="outlined"
              ></v-select>
            </v-col>
          </v-row>
        </v-container>

        <v-row class="text-center mt-5">
          <v-col>
            <v-btn block="" variant="tonal" prepend-icon="mdi-plus" @click="() => languages.push({
            name:null,
            otherName:'',
            proficiency:null
            })">添加语言能力
            </v-btn>
          </v-col>
        </v-row>
      </div>


      <!--  作品   -->
      <div id="opus" class="mt-5">
        <v-row>
          <v-col>
            <h3>作品</h3>
          </v-col>
        </v-row>

        <v-container class="bg-grey-lighten-3 w-75 mt-5 " v-for="(opus,index) in opusList" :key="index">
          <v-row>
            <v-col>
              <v-chip color="primary">
                {{ index + 1 }}
              </v-chip>
            </v-col>
            <v-col cols="1">
              <v-btn icon="mdi-delete" size="" @click="() => opusList.splice(index,1)"></v-btn>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-text-field
                v-model="opus.link"
                variant="outlined"
                clearable
                prepend-icon="mdi-asterisk"
                label="作品链接"
              ></v-text-field>
            </v-col>
          </v-row>
          <v-row>
            <v-col>
              <v-file-input v-model="opus.file" class="mt-5" label="点击上传作品附件" append-inner-icon="$vuetify" chips
                            show-size
                            variant="outlined"></v-file-input>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-textarea
                v-model="opus.description"
                variant="outlined"
                clearable
                auto-grow
                counter
                prepend-icon="mdi-asterisk"
                label="作品描述"
              ></v-textarea>
            </v-col>
          </v-row>
        </v-container>
        <v-row class="text-center mt-5">
          <v-col>
            <v-btn block="" variant="tonal" prepend-icon="mdi-plus" @click="() => opusList.push({
            link:'',
            fileUrl:'',
            fileName:'',
            description:''
            })">添加作品
            </v-btn>
          </v-col>
        </v-row>
      </div>

      <!--  获奖   -->
      <div id="winning" class="mt-5">
        <v-row>
          <v-col>
            <h3>获奖</h3>
          </v-col>
        </v-row>

        <v-container class="bg-grey-lighten-3 w-75 mt-5 " v-for="(winning,index) in winningList" :key="index">
          <v-row>
            <v-col>
              <v-chip color="primary">
                {{ index + 1 }}
              </v-chip>
            </v-col>
            <v-col cols="1">
              <v-btn icon="mdi-delete" size="" @click="() => winningList.splice(index,1)"></v-btn>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-text-field
                v-model="winning.name"
                variant="outlined"
                clearable
                prepend-icon="mdi-asterisk"
                label="获奖名称"
              ></v-text-field>
            </v-col>
          </v-row>
          <v-row>
            <v-col>
              <DateInput label="获奖时间" :get-date="(val:string) => winning.time = val"></DateInput>
            </v-col>
          </v-row>
          <v-row class="text-center">
            <v-col>
              <v-textarea
                v-model="winning.description"
                variant="outlined"
                clearable
                auto-grow
                counter
                prepend-icon="mdi-asterisk"
                label="获奖描述"
              ></v-textarea>
            </v-col>
          </v-row>
        </v-container>
        <v-row class="text-center mt-5">
          <v-col>
            <v-btn block="" variant="tonal" prepend-icon="mdi-plus" @click="() => winningList.push({
            name:'',
            time:'',
            description:''
            })">添加获奖
            </v-btn>
          </v-col>
        </v-row>
      </div>


      <!--  自我评价   -->
      <div id="self_evaluation" class="mt-5">
        <v-row>
          <v-col>
            <h3>自我评价</h3>
          </v-col>
        </v-row>
        <v-row class="text-center">
          <v-col>
            <v-textarea
              variant="outlined"
              v-model="selfEvaluation"
              clearable
              auto-grow
              counter
            ></v-textarea>
          </v-col>
        </v-row>
      </div>


      <v-bottom-navigation grow :elevation="bottomElev">
        <v-btn class="text-blue-accent-2" variant="tonal">
          <v-icon>mdi-window-close</v-icon>
          <span>取消</span>
        </v-btn>

        <v-dialog max-width="70%">
          <template v-slot:activator="{ props: activatorProps }">
            <v-btn v-bind=activatorProps class="text-blue-accent-3" variant="tonal">
              <v-icon>mdi-eye</v-icon>
              <span>预览</span>
            </v-btn>
          </template>

          <template v-slot:default="{ isActive }">
            <v-sheet>
              <v-card v-if="baseInfo.name && baseInfo.name !== ''" title="基本信息">
                <v-card-text>
                  <v-row>
                    <v-col>
                      <v-card v-if="baseInfo.name" subtitle="姓名" :text="baseInfo.name" elevation="0"></v-card>
                      <v-card v-if="baseInfo.gender" subtitle="性别" :text="baseInfo.gender" elevation="0"></v-card>
                      <v-card v-if="baseInfo.birthday" subtitle="出生日期" :text="baseInfo.birthday"
                              elevation="0"></v-card>
                    </v-col>
                    <v-col>
                      <v-card v-if="baseInfo.phoneNumber" subtitle="手机号码" :text="baseInfo.phoneNumber"
                              elevation="0"></v-card>
                      <v-card v-if="baseInfo.mail" subtitle="邮箱" :text="baseInfo.mail" elevation="0"></v-card>
                      <v-card v-if="baseInfo.city" subtitle="所在城市" :text="baseInfo.city" elevation="0"></v-card>
                    </v-col>
                  </v-row>
                </v-card-text>
              </v-card>

              <v-card title="教育经历" v-if="educations.length">
                <v-card-text v-for="(education,index) in educations" :key="index">
                  <v-row>
                    <v-col>
                      <v-card v-if="education.school" subtitle="学校名称" :text="education.school"
                              elevation="0"></v-card>
                      <v-card v-if="education.professional" subtitle="专业" :text="education.professional"
                              elevation="0"></v-card>
                      <v-card v-if="education.degree" subtitle="学历类型" :text="education.degree"
                              elevation="0"></v-card>
                    </v-col>
                    <v-col>
                      <v-card v-if="education.degree" subtitle="学历" :text="education.degree" elevation="0"></v-card>
                      <v-card v-if="education.startTime && education.endTime" subtitle="起止时间"
                              :text="education.startTime+' ~ '+ education.endTime" elevation="0"></v-card>
                    </v-col>
                  </v-row>
                </v-card-text>
              </v-card>

              <v-card title="工作经历" v-if="works.length">
                <v-card-text v-for="(work,index) in works" :key="index">
                  <v-row>
                    <v-col>
                      <v-card v-if="work.company" subtitle="公司名称" :text="work.company" elevation="0"></v-card>
                      <v-card v-if="work.occupation" subtitle="职位名称" :text="work.occupation" elevation="0"></v-card>
                    </v-col>
                    <v-col>
                      <v-card v-if="work.startTime && work.endTime" subtitle="起止时间"
                              :text="work.startTime+' ~ '+ work.endTime" elevation="0"></v-card>
                      <v-card v-if="work.description" subtitle="工作描述" :text="work.description"
                              elevation="0"></v-card>
                    </v-col>
                  </v-row>
                </v-card-text>
              </v-card>


              <v-card title="项目经历" v-if="projects.length">
                <v-card-text v-for="(project,index) in projects" :key="index">
                  <v-row>
                    <v-col>
                      <v-card v-if="project.name" subtitle="项目名称" :text="project.name" elevation="0"></v-card>
                      <v-card v-if="project.role" subtitle="项目角色" :text="project.role" elevation="0"></v-card>
                    </v-col>
                    <v-col>
                      <v-card v-if="project.startTime && project.endTime" subtitle="起止时间"
                              :text="project.startTime+' ~ '+ project.endTime" elevation="0"></v-card>
                      <v-card v-if="project.description" subtitle="项目描述" :text="project.description"
                              elevation="0"></v-card>
                    </v-col>
                  </v-row>
                </v-card-text>
              </v-card>

              <v-card title="语言能力" v-if="languages.length">
                <v-card-text v-for="(language,index) in languages" :key="index">
                  <v-row>
                    <v-col>
                      <v-card v-if="language.name" subtitle="语言类型" :text="language.name" elevation="0"></v-card>
                    </v-col>
                    <v-col>
                      <v-card v-if="language.proficiency" subtitle="掌握程度" :text="language.proficiency"
                              elevation="0"></v-card>
                    </v-col>
                  </v-row>
                </v-card-text>
              </v-card>


              <v-card title="作品" v-if="opusList.length">
                <v-card-text v-for="(opus,index) in opusList" :key="index">
                  <v-row>
                    <v-col>
                      <v-card v-if="opus.link" subtitle="作品链接" elevation="0">
                        <template v-slot:text>
                          <a :href="opus.link">{{opus.link}}</a>
                        </template>
                      </v-card>
                      <v-card v-if="opus.description" subtitle="作品描述" :text="opus.description"
                              elevation="0"></v-card>
                    </v-col>
                    <v-col>
                      <v-card v-if="opus.fileUrl || (opus.file && opus.file.length)" subtitle="作品附件" elevation="0">
                        <template v-slot:text>
                          <a :href="opus.fileUrl">{{ opus.fileName && opus.fileName != '' ? opus.fileName : opus.file[0].name }}</a>
                        </template>
                      </v-card>
                    </v-col>
                  </v-row>
                </v-card-text>
              </v-card>

              <v-card title="获奖" v-if="winningList.length">
                <v-card-text v-for="(winning,index) in winningList" :key="index">
                  <v-row>
                    <v-col>
                      <v-card v-if="winning.name" subtitle="获奖名称" :text="winning.name" elevation="0"></v-card>
                      <v-card v-if="winning.description" subtitle="获奖描述" :text="winning.description"
                              elevation="0"></v-card>
                    </v-col>
                    <v-col>
                      <v-card v-if="winning.time" subtitle="获奖时间" :text="winning.time" elevation="0"></v-card>
                    </v-col>
                  </v-row>
                </v-card-text>
              </v-card>


              <v-card v-if="selfEvaluation" title="自我评价">
                <v-card-text>
                  {{ selfEvaluation }}
                </v-card-text>
              </v-card>

<!--              todo href-->
              <v-card v-if="resumeFile && resumeFile.length" title="简历附件">
                <v-card-text>
                  <a href="resume.vue">{{resumeFile[0].name}}</a>
                </v-card-text>
              </v-card>

            </v-sheet>
            <v-btn
              prepend-icon="mdi-close"
              @click="isActive.value = false"
            ></v-btn>

          </template>
        </v-dialog>


        <v-btn  class="text-blue-accent-4" variant="tonal" @click="uploadFile">
          <v-icon>mdi-heart</v-icon>
          <span>提交</span>
        </v-btn>
      </v-bottom-navigation>
    </v-form>
  </v-main>
</template>

<style scoped>

</style>

